<template>
	<view @click="itemClick">
		<view style="font-size: 16rpx;">{{$u.timeFormat(course.beginTime, 'hh:MM')}}-{{$u.timeFormat(course.endTime, 'hh:MM')}}</view>
		<view style="text-overflow: -o-ellipsis-lastline;overflow: hidden;
										text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;
										-webkit-box-orient: vertical;">{{course.courseName}}</view>
		<!-- <view>{{course.classesName}}</view> -->
		<view>人数:{{course.childNum}}</view>
	</view>
</template>

<script>
	export default {
		name: "EarlyItem",
		props: {
			course: {
				type: Object,
				default () {
					return {}
				}
			}
		},
		methods: {
			itemClick() {
				this.$u.route({
					url: '/pages_teach/teach/teach-detail-page',
					params: {
						id: this.course.courseEarlyId
					}
				})
			}
		}
	}
</script>

<style>
</style>
